<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>密码设置</title>
	<style>
		body{margin: 0px;
			background-color: #f4fdfc;  }
		a{text-decoration:none}

		a{
			color: #333333;
		}
		a:hover{
			color: #666666;
		}

		/*页脚*/
		footer{
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 60px;
			clear: both;
			padding-top: 20px;
			padding-bottom: 0;
		}
		#footer{
			text-align: center;
			background-color: white;
			height: 40px;
			width: 100%;
			margin-top: 20px;
			overflow: hidden;

			box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
			background-clip: content-box;
		}
		#footText{
			height: 20px;
			margin: 5px auto;
		}
		.modifyPas{
			font-size: 15px;
			width: 520px;
			height: 280px;
			margin: 200px auto ;
			word-wrap: break-word;
			word-break: normal;

		}
		#myemail{
			font-size: 15px;
			width: 430px;
			height: 26px;
			border: 0;
			background-color: transparent;
			outline: none;
		}
		#newPas{
			font-size: 15px;
			width: 445px;
			height: 26px;
			border: 0;
			background-color: transparent;
			outline: none;
		}
		#newPasAg{
			font-size: 15px;
			width: 430px;
			height: 26px;
			border: 0;
			background-color: transparent;
			outline: none;
		}
		::-webkit-input-placeholder { /* WebKit browsers */
			color:#999;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:#999;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:#999;
		}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
			color:#999;
		}
		#title{
			width: 520px;
			height: 20px;
			font: bold 18px 微软雅黑;
		}
		#verCode{
			font-size: 15px;
			outline: none;
			width: 340px;
			height: 26px;
			border: 0;
			background-color: transparent;
		}
		#sentVerCode{
			float: right;
			display:inline-block;
			width: 110px;
			height: 30px;
			background-color: white;
			border: 1px solid #00e6d0;
			color: #00e6d0;
			-webkit-border-radius:3px;
			border-radius: 3px;
			font: normal 13px 微软雅黑;
		}
		#sentVerCode:hover{
			background-color: #00e6d0;
			color: #fff;
		}
		#confirm{
			height: 30px;
			width: 80px;
			background-color:#00e6d0;
			color: #ffffff;
			font:normal 15px 微软雅黑;
			border: none;
		}
		#confirm:hover{
			background-color: #63decd;
			box-shadow:0px 0 5px #00e6d0;
		}
		#cancel{
			float: right;
			height: 30px;
			width: 80px;
			background-color: white;
			color:  #00e6d0;
			border: 1px solid #00e6d0;
			font:normal 15px 微软雅黑;
		}
		#cancel:hover{
			box-shadow:0px 0 5px #00e6d0;
		}
		#return{
			position: absolute;
			top: 10px;
			left: 10px;
			width: 120px;
			height: 25px;
			border: none;
			background: no-repeat;
			background-image: url("img/上一页.png");
			background-size: 20px 20px;
			font-size: 13px;
			color: #666666;
		}
		#return:hover{
			background-image: url("img/上一页hover.png");
			color: #00e6d0;
		}
	</style>

	<script language="JavaScript" src="js/jquery-3.2.1.min.js"></script>
	<script language="JavaScript" src="js/verifyPassword.js"></script>
	<script src="js/md5.js"></script>
</head>
<body>
<div>
	<a href="javascript:history.go(-1)"><input type="button" id="return" value="返回上一页"></a>
</div>
<div class="modifyPas">
	<div id="title">修改密码</div><br><br><br>
	<t style="font: normal 15px 微软雅黑 ">您的电话： </t>
	<input type="text" name="keyword" id="myemail">
	<hr>
	<t style="font: normal 15px 微软雅黑 ">验证码： </t>
	<input type="text" name="keyword" id="verCode">
	<input type="button" name="homepage" id="sentVerCode" onclick="sendCode()" value="发送验证码"><br>
	<hr>
	<t style="font: normal 15px 微软雅黑 ">新密码： </t>
	 <input type="password" name="keyword" id="newPas">
	<hr>
	<t style="font: normal 15px 微软雅黑 ">确认密码：</t>
	 <input type="password" name="keyword" id="newPasAg" onblur="checkpassword()">
	<hr>
	<br><br>
	<input type="button" name="homepage" id="confirm" onclick="changePassword()" disabled="disabled" value="确认">
	<input type="button" name="homepage" id="cancel" value="取消" onclick="history.go(-1)">
</div>

<!--页脚部分-->
<footer>
	<div id="footer">
		<div id="footText">
			<img src="img/giggleIcon.png" style="width: 20px;height: 20px;margin-bottom: -6px"   >
			<em style="font: 13px 微软雅黑;color: #999999;">giggle</em>
			<a href="https://www.baidu.com/" style="font: 13px 微软雅黑;color: #999999;margin-left: 15px">关于我们</a>
			<em style="font: 13px 微软雅黑;color: #999999;margin-left: 15px">© 2018 issers 版权所有</em>
		</div>
	</div>
</footer>
<!--页脚部分结束-->
</body>
</html>
